<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title>用户信息 {:C('WEB_TITLE')}</title>
	<style type="text/css">
		/************************************* 
		 * style.css
		 *************************************/
		ol,ul {
			list-style:none; list-style: none outside none; margin: 0;
		    padding: 0;
		}
		img {
			max-width: 100%;
			border:0 none;
		}
		a {
			color: #2d7200;
			text-decoration:none;
		}
		a:hover{
			color: #4bbd00;
			border-bottom: 1px solid;
		}
		/* 头部Logo,主导航*/
		.header {
		    background-color: #353535;
		}
		.header .logo {
		    background: url(../Public/images/blue_color/bg_icon.png) no-repeat 0 -45px;
		}
		.header {
		    position: fixed;
		    top: 0;
		    left: 0;
		    z-index: 1000;
		    width: 100%;
		    height: 50px;
		    line-height: 50px;
		    background-color: #383838;
		}
		.header .logo {
		    float: left;
		    margin-left: 16px;
		    width: 184px;
		    height: 49px;
		    background: url(../Public/images/bg_icon.png) no-repeat 0 -45px;
		}
		/* 主导航 */
		.main-nav a {
		    color: #FFF;
		}
		.main-nav a:hover {
		    background-color: #5b5d74;
		}
		.main-nav .current{
		    background-color: #656565;
		}
		.main-nav .current a {
		    background-color: #7963df;
		}

		/* 顶部右侧 用户bar */
		.header .user-bar .user-entrance {
		    background: url(../Public/images/blue_color/bg_icon.png) no-repeat -150px 0;
		}
		.header .user-menu {
		    border-color: #ddd;
		    background-color: #fff;
		}
		.header .user-menu li {
		    border-bottom-color: #ddd;
		}
		.header .user-menu a:hover {
		    color: #424242;
		    background-color: #f5f5f5;
		}
		/* 主导航 */
		.main-nav {
		    float: left;
		    overflow: hidden;
		}
		.main-nav li {
		    float: left;
		    width: 82px;
		}
		.main-nav a {
		    display: block;
		    height: 50px;
		    line-height: 50px;
		    font-size: 16px;
		    color: #FFF;
		    text-align: center; font-weight: bold;
		}
		.main-nav a:hover {
		    text-decoration: none;
		    background-color:#656565;
		}
		.main-nav .current{
		    background-color: #656565;
		}
		.main-nav .current a {
		    background-color: #86db00;
		}

		/* 用户 */
		.header .user-bar {
		    position: relative;
		    float: right;
		    margin-right: 20px;
		}
		.header .user-bar .user-entrance {
		    display: block;
		    margin-top: 15px;
		    padding-bottom: 15px;
		    width: 20px;
		    height: 20px;
		    background: url(../Public/images/bg_icon.png) no-repeat -150px 0;
		}
		.header .user-bar .user-entrance:hover {
		    border-bottom: 0 none;
		    text-decoration: none;
		}
		.header .user-menu {
		    position: absolute;
		    top: 50px;
		    right: -8px;
		    width: 140px;
		    border: 1px solid #ddd;
		    background-color: #fff;
		}
		.header .user-menu li {
		    height: 30px;
		    line-height: 30px;
		    border-bottom: 1px solid #ddd;
		}
		.header .user-menu a {
		    padding: 0 15px;
		}
		.header .user-menu a:hover {
		    color: #424242;
		    background-color: #f5f5f5;
		}
		.header .user-menu .manager {
		    padding: 0 15px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		}
		.hidden {
		    display: none;
		}
	</style>
	<script type="text/javascript">
		function jump(n,id,title,obj){
			parent.menu.location='?s=/Index/menu/tag/'+id+'/title/'+title;
			var x=document.getElementById('TopMenu').children;
			for(var i = 0; i < x.length; i++) {
                x[i].className = '';
            }
			obj.parentElement.className='current';
			return false;
		}
	</script>
</head>
<body>
	<div class="header">
		<span class="logo"></span>
		<ul class="main-nav" id="TopMenu">
			<li><a href="#" onclick="jump(0,'','后台首页',this);">首页</a></li>
			<volist name="nodeGroupList" id="tag">
			<li><a href="#" onclick="jump({$i},'{$tag.id}','{$tag.title}',this);">{$tag.title}</a></li>
			</volist>
		</ul>
		<div class="user-bar" id="UserBar">
			<a href="javascript:;" class="user-entrance" id="UserInfo"> <i class="icon-user"></i></a>
			<ul class="nav-list user-menu hidden" id="SubMenu" >
				<li class="manager">你好， <em title="admin">admin</em></li>
				<li><a href="?s=/User/changepwd.html">修改密码</a></li>
				<li><a href="?s=/User/profile.html">修改昵称</a></li>
				<li><a href="?s=/Public/logout.html">退出</a></li>
			</ul>
		</div>
	</div>
	<script type="text/javascript">
		document.getElementById('UserInfo').onmouseover=function(){
			document.getElementById('SubMenu').className='nav-list user-menu ';
		}
		document.getElementById('SubMenu').onmouseover=function(){
			document.getElementById('SubMenu').className='nav-list user-menu ';
		}
		document.getElementById('SubMenu').onmouseout=function(){
			document.getElementById('SubMenu').className='nav-list user-menu hidden';
		}
	</script>
</body>
</html>